<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<base href="<%=basePath%>">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="pragma" content="no-cache"> 
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"> 
<meta http-equiv="expires" content="0"> 
<title>融圳保本理财</title>
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm.min.css">
<link rel="stylesheet" href="assets/css/rz.css">
<link rel="stylesheet" href="assets/css/swiper.min.css">

<script type='text/javascript' src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
<script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>
<script src="assets/js/swiper.min.js"></script>
</head>
<body>
	<div class="page-group">
		<div class="page page-current" id="index">
			<!-- 头部 -->
			<header class="bar bar-nav" style="background-color:red">
				<h1 class="title" style="color: white">融圳保本理财</h1>
			</header>
			<!-- 底部导航 -->
			<%@ include file="/include/nav.jsp"%>
			
			<!-- 页面正文 -->
			<div class="content">
				<!-- Slider -->
				<div class="swiper-container swiper-container-h" style="padding-bottom: 0;">
					<div class="swiper-wrapper">
						<div class="swiper-slide">
							<img src="assets/img/banner1.jpg" alt="">
						</div>
						<div class="swiper-slide">
							<img src="assets/img/banner2.jpg" alt="">
						</div>
						<div class="swiper-slide">
							<img src="assets/img/banner3.jpg" alt="">
						</div>
					</div>
					<div class="swiper-pagination swiper-pagination-v"></div>
				</div>
				<!-- <div class="row">
                 <div class="col-25">所有活动</div>
                 <div class="col-25">我的保单</div>
                 <div class="col-25">我的收益</div>
                 <div class="col-25">我的账户</div>
             </div>-->

				<div class="content-block-title">热门活动</div>
				<div class="list-block cards-list">
					<div class="card">
						<div class="card-content promotion">
							<div class="card-content-inner" style="text-align: center">
								<label style="font-size: medium;">君康通利1号两全保险（万能型）</label><br />
								<label style="font-size: x-small;">上月年化收益率</label><br />
								<label style="font-size: xx-large; color: red;">7.00</label>
								<label style="font-size: large; color: red;">%</label><br />
								<label style="font-size: x-small;">起投金额：￥1000元&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;保险期限：10年</label>
							</div>
						</div>
						<div class="card-footer">
							<a href="#pro_detail" class="button button-fill button-danger" style="margin: auto">立即购买 </a>
						</div>
					</div>

					<div class="card">
						<div class="card-content promotion">
							<div class="card-content-inner" style="text-align: center">
								<label style="font-size: medium;">君康通利1号两全保险（万能型）</label><br />
								<label style="font-size: x-small;">上月年化收益率</label><br />
								<label style="font-size: xx-large; color: red;">7.00</label>
								<label style="font-size: large; color: red;">%</label><br />
								<label style="font-size: x-small;">起投金额：￥1000元&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;保险期限：10年</label>
							</div>
						</div>
						<div class="card-footer">
							<a href="#pro_detail" class="button button-fill button-danger" style="margin: auto">立即购买 </a>
						</div>
					</div>
				</div>
	
				<!-- 页脚 -->
				<%@ include file="/include/footer.jsp"%>
			</div>

		</div>
	</div>
	<!-- Initialize Swiper -->
	<script>
		var swiperH = new Swiper('.swiper-container-h', {
			pagination : '.swiper-pagination-v',
			paginationClickable : true,
			spaceBetween : 10
		});
	</script>
	<script>
		$(".promotion").click(function() {
			window.location.href = "promotion/promotionDetail";
		});
		
		/* 处理导航active */
		$(".icon-star").parent().siblings().removeClass('active');
		$(".icon-star").parent().addClass('active');
	</script>
</body>
</html>
